<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/jsp/include/head/tagLib.jsp" %>

<div class="pageContent">
<div class="pageFormContent" layoutH="60">
<form id="sendTemplateMessageForm" enctype="multipart/form-data"
	 method="post" 
 action="<st:getCurrentUrl lastUrl="send.act" />?ajax=1" class="pageForm required-validate" onsubmit="return beforeSend(this);">
	<fieldset>
		<legend>筛选条件</legend>
		<dl>
			<dt>openID:</dt>
			<dd><input name="openid" type="text" /></dd>
		</dl>
		<dl>
			<dt>昵称:</dt>
			<dd><input name="nickname" type="text" /></dd>
		</dl>
		<dl>
			<dt>性别:</dt>
			<dd>
				<select name="sex">
						<option value="">请选择</option>
						<option value="0">未知</option>
						<option value="1">男</option>
						<option value="2">女</option>
				</select>
			</dd>
		</dl>
		<dl>
			<dt>所属公众号:</dt>
			<dd>
				<select class="required" name="wechatAccountAppid">
						<option value="">请选择</option>
						<c:forEach items="${wechatAccounts }" var="temp">
							<option value="${temp['appID'] }">${temp['accountName'] }</option>
						</c:forEach>
				</select>
			</dd>
		</dl>
		<dl class="nowrap">
			<dt>最小关注日期:</dt>
			<dd>
				<input name="subscribe_time_min_1dd" class="date textInput readonly" readonly="true" type="text">
					<input name="subscribe_time_max_1"  type="hidden">
					<input name="subscribe_time_min_1" type="hidden">
			</dd>
		</dl>
		<dl>
			<dt>最大关注日期:</dt>
			<dd>
				<input name="subscribe_time_max_1dd"  class="date textInput readonly" readonly="true" type="text">
			</dd>
		</dl>
	</fieldset>
	<fieldset id="dd">
		<legend>模板消息参数</legend>
		<dl>
			<dt>模板ID:</dt>
			<dd><input  class="required"  name="message.template_id" type="text" value='' /></dd>
		</dl>
		<dl>
			<dt>链接:</dt>
			<dd><input name="message.url" type="text" /></dd>
		</dl>
		<!-- <dl>
			<dt>证书:</dt>
			<dd><input name="certFile" type="file" /></dd>
		</dl> -->
		<!-- <dl>
			<dt>发放方式:</dt>
			<dd>
				人工<input value="false" name="merchant.redPacketAutoSend" type="radio" />
				自动<input value="true" name="merchant.redPacketAutoSend" type="radio" />
			</dd>
		</dl> -->
	</fieldset>
	<fieldset>
		<legend>其他信息</legend>
		<dl class="nowrap">
			<dt>模板内容：</dt>
			<dd>
			<textarea id="templateMessageContent" placeholder="填写规则请看下面例子,您可以先在上面的筛选条件填上您的昵称,发一条消息给自己,看看消息内容是否正确,若正确,把筛选条件的昵称去掉,点'发送',发送给其它用户." style="width: 80%;height: 120px;"  name="content2" ></textarea>
			</dd>
		</dl>
		<dl class="nowrap" style="height: auto;">
			<dt>举例：</dt>
			<dd >
			<table>
				<thead style="padding-bottom: 20px;height: 40px;">
					<tr align="center">
						<td><b>模板</b></td>
						<td><b>填入</b></td>
						<td><b>发送结果</b></td>
					</tr>
				</thead>
				<tbody >
					<tr>
						<td>
						{{first.DATA}}<br><br>
						会员卡号：{{keyword1.DATA}}<br><br>
						会员姓名：{{keyword2.DATA}}<br><br>
						变更内容：{{keyword3.DATA}}<br><br>
						时间：{{keyword4.DATA}}<br><br>
						{{remark.DATA}}
						</td>
						
						<td style="padding-left: 20px;padding-right:20px;">
						first#尊敬的会员，您的资料变更成功<br><br>
						keyword1#000 0000<br><br>
						keyword2#李XX<br><br>
						keyword3#1234567890<br><br>
						keyword4#2015年5月5日<br><br>
						remark#感谢您的使用
						</td>
						
						<td>
							尊敬的会员，您的资料变更成功<br><br>
							会员卡号：0000 0000<br><br>
							会员姓名：李XX<br><br>
							变更内容：1234567890<br><br>
							时间：2015年5月5日<br><br>
							感谢您的使用<br><br>
						</td>
				</tr>
				</tbody>
			
			</table>
			
	<!-- 		<span style="height: auto;">{{first.DATA}}<br>
			会员卡号：{{keyword1.DATA}}<br>
			会员姓名：{{keyword2.DATA}}<br>
			变更内容：{{keyword3.DATA}}<br>
			时间：{{keyword4.DATA}}<br>
			{{remark.DATA}}</span>
			<span>填入:</span> -->
			</dd>
		</dl>
	</fieldset>
	<div class="formBar">
			<ul>
				<li><div class="buttonActive"><div class="buttonContent"><button type="submit">发送</button></div></div></li>
				<li><div class="button"><div class="buttonContent"><button type="button" class="close">取消</button></div></div></li>
			</ul>
	</div>
</form>
</div>
</div>
<script type="text/javascript">
		function beforeSend(form){
			countTime("subscribe_time_min_1",form);
			countTime("subscribe_time_max_1",form);
			return iframeCallback(form);
		}
		
		function countTime(name,form){
			var val = $("input[name='"+name+"dd']",form).val();
			if(isObjNull(val)){
				$("input[name='"+name+"']",form).val("");
			}else{
				var date = new Date(val.replace("/-/g","/")) ;
				$("input[name='"+name+"']",form).val(date.getTime()/1000);
			}
		}
		/* var placeholder = '{{first.DATA}}\n会员卡号：{{keyword1.DATA}}\n会员姓名：{{keyword2.DATA}}\n变更内容：{{keyword3.DATA}}'+
			'\n时间：{{keyword4.DATA}}\n{{remark.DATA}}';
		$('#templateMessageContent').attr('value', placeholder);

		$('#templateMessageContent').focus(function(){
		    if($(this).val() === placeholder){
		        $(this).attr('value', '');
		    }
		});

		$('#templateMessageContent').blur(function(){
		    if($(this).val() ===''){
		        $(this).attr('value', placeholder);
		    }    
		}); */
	</script>
<st:FillInputByParam root="sendTemplateMessageForm"/>